import React from "react";
import PropTypes from "prop-types";
import classNames from "classnames";

import "./button.css";
import styles from "./button.module.css";

export default function Button(props) {
  const { className, ...rest } = props;

  return (
    <button
      {...rest}
      className={classNames(`btn btn-blue ${styles.btn}`, className)}
    />
  );
}

Button.propTypes = {
  className: PropTypes.string,
  children: PropTypes.node,
};

Button.defaultProps = {
  className: "",
  children: "this is button",
};
